import angular from 'angular';
import uiRouter from 'angular-ui-router';
import template from './cifar10.html';
import './cifar10.scss';

// controller
export class Cifar10Controller {
  'ngInject';
  constructor() {
    this.className = true;
    this.TraClassName = false;
    this.InsNetTraClassName = false;
    this.NetVisClassName = false;
    this.ExaPredClassName = false;
  }
   

  DesStats() {
    this.className = true;
    this.TraClassName = false;
    this.InsNetTraClassName = false;
    this.NetVisClassName = false;
    this.ExaPredClassName = false;
  }
  TraStats() {
    this.className = false;
    this.TraClassName = true;
    this.InsNetTraClassName = false;
    this.NetVisClassName = false;
    this.ExaPredClassName = false;
  }
  InsStats() {
    this.className = false;
    this.TraClassName = false;
    this.InsNetTraClassName = true;
    this.NetVisClassName = false;
    this.ExaPredClassName = false;
  }
  NetStats() {
    this.className = false;
    this.TraClassName = false;
    this.InsNetTraClassName = false;
    this.NetVisClassName = true;
    this.ExaPredClassName = false;
  }
  ExaStats() {
    this.className = false;
    this.TraClassName = false;
    this.InsNetTraClassName = false;
    this.NetVisClassName = false;
    this.ExaPredClassName = true;
  }

}

// component
export const cifar10Component = {
  restrict: 'E',
  bindings: {},
  template: template,
  controller: Cifar10Controller,
  controllerAs: '$ctrl'
};

// module
let cifar10Module = angular.module('cifar10', [
  uiRouter
])
//url router config
.config(($stateProvider, $urlRouterProvider) => {
  "ngInject";
  $stateProvider
    .state('cifar10', {
      url: '/cifar10',
      component: 'cifar10'
    });
})
.component('cifar10', cifar10Component)
.name;

export default cifar10Module;
